<%@ page language="java" contentType="text/html; charset=utf-8"
  pageEncoding="utf-8"%>
  <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>米其林餐厅-主页</title>
		<link rel="stylesheet" type="text/css" href="css/font.css" />
		<link rel="stylesheet" type="text/css" href="css/home.css" />
		<style type="text/css">
				.buy_jiesuan{
					cursor: pointer;
					position: absolute;
					right: 50px;
					bottom: 20px;
					transition: all 0.6s;
					border-radius: 2em;
					border: 2px solid rgba(0, 0, 0, 0.5);
				}
				.buy_jiesuan:hover{
					transform: scale(0.8);
				}
				.buy_jiesuan a{
					text-align: center;
					font-size: 30px;
					margin: 0px 20px;
				}
				#home_bottom li .buy_count {
					display: none;
					position: absolute;
					bottom: 0px;
					right: 40px;
					width: 400px;
					height: 30px;
					text-align: right;
				}
						
		</style>
	</head>

	<body>
		<div id="home_top">
			<div class="top_title"></div>
			<div class="top_center">
				<p>立即订餐</p>
			</div>
		</div>
		<div id="home_mid">
			<div class="mid_title"></div>
			<div class="mid_menu">
				<ul>
					<li><a href="">主页</a></li>
					<li><a href="">推荐</a></li>
					
					<li><a href="${pageContext.request.contextPath }/qiantailetter/letter.jsp">留言板</a></li>
					<li class="menu_self">
						<a href="">个人中心</a>
						<ul>
							<li>
								<a href="${pageContext.request.contextPath }/order?method=selall">历史订单</a>
							</li>
							<li>
								<a href="${pageContext.request.contextPath }/userinfo?method=slcuser">修改个人信息</a>
							</li>
					  </ul>
					</li>
					<li>><a href="${pageContext.request.contextPath }/login?method=userexit">退出</a></li>
				</ul>
			</div>
			<div class="mid_topText">
				<h2>欢迎回家:${uname}</h2>
				<h3>Welcome back</h3>
			</div>
			<div class="mid_center">
				<div class="mid_TextBox">
					<dl>
						<dt>
									<h2>店长推荐</h2>
								</dt>
						<dd>
							<ul>
								<h2>人气推荐</h2>
								<li>
									<div class="Glength Glength_1"></div>
									<a href="">长沙臭豆腐</a>
								</li>
								<li>
									<div class="Glength Glength_2"></div>
									<a href="">兰州拉面</a>
								</li>
								<li>
									<div class="Glength Glength_3"></div>
									<a href="">柳州螺蛳粉</a>
								</li>
								<li>
									<div class="Glength Glength_4"></div>
									<a href="">意大利面条</a>
								</li>
								
							</ul>
						</dd>
					</dl>
				</div>
			</div>
			<div class="mid_self"></div>
		</div>
		<div>
			<ul id="home_bottom">
			<c:if test="${not empty foodList}">
				<c:forEach var="flist" items="${foodList}">
					<li>
					<img src="${pageContext.request.contextPath }/foodimg/${flist.picture }" />
					<div class="bottom_left">
						<h2>${flist.fname}</h2>
						<h3>￥${flist.price}</h3>
					</div>
					<div class="bottom_right">
						<p>${flist.introduce}</p>
					</div>
					<div class="bottom_buy">
						<p>点击订餐</p>
					</div>
					<div class="buy_count"><p class="add_gwc"><a href="${pageContext.request.contextPath }/order?method=pay3&fid=${flist.fid}">购买</a></p><p class="buy_jian">-</p><input class="buy_num" type="text" value="0" /><p class="buy_jia">+</p><a class="buy_do" href="${pageContext.request.contextPath }/order?method=addorder&fid=${flist.fid}">加入购物车</a></div>
				</li>
				</c:forEach>
			</c:if>
				<div class="buy_jiesuan"><a href="${pageContext.request.contextPath }/order?method=notpayord">结算</a></div>
			</ul>
			
		</div>
		<div id="home_last">
			<img src="img/last_ph.png"/>
			<div class="last_text">
				<h2>米其林餐厅</h2>
				<p>唯有爱与美食不可辜负</p>
			</div>
		</div>
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/home.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>